<script setup lang="ts">


const state = reactive<any>({
  tableData:[

  ],
  total: 0,
  queryParams: {
    pageNo: 1,
    pageSize: 10
  }
})


function getData() {

}
onMounted(() => {
  // 获取数据
  getData()
})

</script>

<template>
  <ContentWrap >
    <el-table :data="state.tableData">
      <el-table-column prop="column1" label="期数" class-name="text-xs"/>
      <el-table-column prop="column2" label="玩家围观人数" class-name="text-xs"/>
      <el-table-column prop="column3" label="玩家参与人数" class-name="text-xs"/>
      <el-table-column prop="column4" label="玩家灵石总投入数" class-name="text-xs"/>
      <el-table-column prop="column5" label="单个玩家最多灵石投入数" class-name="text-xs" width="180px"/>
      <el-table-column prop="column6" label="投入灵石最多的玩家ID" class-name="text-xs" width="180px"/>
      <el-table-column prop="column7" label="失败仙山名" class-name="text-xs"/>
      <el-table-column prop="column8" label="结束时间" class-name="text-xs"/>
      <el-table-column prop="column9" label="总灵石投入量" class-name="text-xs"/>
      <el-table-column prop="column10" label="平台总灵石投入量" class-name="text-xs"/>
    </el-table>
    <!-- 分页 -->
    <Pagination
      v-model:limit="state.queryParams.pageSize"
      v-model:page="state.queryParams.pageNo"
      :total="state.total"
    />
  </ContentWrap>
</template>

<style scoped lang="scss">

</style>
